body {
	font-family: 'Microsoft YaHei', Arial;
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}

.navbar-brand {
	padding: 0px;
}

footer {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 100px;
	color: #777;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.w50 {
	width: 50px !important;
}

.w100 {
	width: 100px !important;
}

.w150 {
	width: 150px !important;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 200px;
}

.h50 {
	height: 50px;
}

.mb0 {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt0 {
	margin-top: 0;
}

.mt20 {
	margin-top: 20px;
}

@media ( max-width : 767px) {
	.mb20-xs {
		margin-bottom: 20px;
	}
}
/**padding**/
.pl20 {
	padding-left: 20px;
}

.pl15 {
	padding-left: 15px;
}

.p5 {
	padding: 5px;
}

.p0 {
	padding: 0 !important;
}

.pb15 {
	padding-bottom: 15px;
}

hr.dashed {
	border-style: dashed;
	border-color: #A9A6A6;
	margin-top: 10px;
	margin-bottom: 10px;
}

.thumbnail {
	position: relative;
	text-align: center;
}

.thumbnail .pic-num {
	color: white;
	position: absolute;
	font-size: 36px;
	font-weight: bolder;
	top: 5px;
	left: 5px;
}

.thumbnail img {
	width: 100%;
}

.thumbnail .caption h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.thumbnail .caption p {
	word-break: break-all;
}
/*
 *头像
 */
.avatar-sm {
	width: 32px;
	height: 32px;
}

.avatar-md {
	width: 50px;
	height: 50px;
}

.avatar-lg {
	width: 100px;
	height: 100px;
}
/*小尺寸样式定义*/
@media ( max-width :767px) {
	.text-center-xs {
		text-align: center;
	}
	.text-left-xs {
		text-align: left;
	}
}
/*
 * Callouts
 *
 * 
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px
}

.callout h4 {
	margin-top: 0;
	margin-bottom: 5px
}

.callout p:last-child {
	margin-bottom: 0
}

.callout code {
	border-radius: 3px
}

.callout+.callout {
	margin-top: -5px
}

.callout-danger {
	border-left-color: #d9534f
}

.callout-danger h4 {
	color: #d9534f
}

.callout-warning {
	border-left-color: #f0ad4e
}

.callout-warning h4 {
	color: #f0ad4e
}

.callout-info {
	border-left-color: #5bc0de
}

.callout-info h4 {
	color: #5bc0de
}
/*关闭按钮*/
.pk-close {
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	line-height: 14px;
	color: white;
	border-radius: 15px;
	background-color: black;
	border: 2px solid white;
}

/*移动设备功能按钮*/
.mobile-bar {
	position: fixed;
	right: 0px;
	bottom: 0px;
}

@media ( min-width :992px) {
	.mobile-bar {
		display: none !important;
	}
}
/*博客*/
.blog-content {
	overflow: hidden;
	word-break: break-all;
}

.blog-content p {
	text-indent: 2em;
}

.blog-content img {
	display: block;
	max-width: 100%;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
	.offcanvas-row {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	.offcanvas-row-right {
		right: 0;
	}
	.offcanvas-row-left {
		left: 0;
	}
	.offcanvas-row-right
  .offcanvas-sidebar {
		right: -80%; /* 6 columns */
	}
	.offcanvas-row-left
  .offcanvas-sidebar {
		left: -80%; /* 6 columns */
	}
	.offcanvas-row-right.active {
		right: 85%; /* 6 columns */
	}
	.offcanvas-row-left.active {
		left: 85%; /* 6 columns */
	}
	.offcanvas-sidebar {
		position: absolute;
		top: 0;
		width: 80%; /* 6 columns */
	}
}

.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media-heaing {
	word-break: break-all;
}
/**分隔线，只在大宽度设备上显示**/
@media ( min-width :992px) {
	.divider-right {
		border-right: 1px solid #eee;
	}
	.divider-left {
		border-left: 1px solid #eee;
	}
	.divider-top {
		border-top: 1px solid #eee;
	}
	.divider-bottom {
		border-bottom: 1px solid #eee;
	}
}